import styled from 'styled-components'

const HomeWrapper = styled.div`
  background-color: pink;
  color: red;
  .banner {
    background-color: saddlebrown;
    span {
      color: #fff;
      margin: 0 20px;

      /* 是span元素并且带active类名 */
      &.active {
        color: #000;
      }

      /* 伪类 */
      &:hover {
        color: greenyellow;
      }
      
      /* 伪元素 */
      &::after {
        content: 'aaa';
      }

    }
  }
`

const H2Title = styled.h2`
  text-decoration: underline;
`

export {
  HomeWrapper,
  H2Title
}